.my-code{margin-top: .4rem;text-align: center;}
.my-code h3{font-size: .34rem;color:#333;line-height: 100%;margin-bottom: .29rem;font-weight: normal;}
.my-code input{border:none;width:auto;text-align: center;background: #fff; font-size: .34rem;color:#27b9f3;line-height: 100%;margin-bottom: .2rem;}
.my-code span{display: block;width:.87rem;height:.62rem;line-height: .62rem; border-radius: .13rem;background: #1fc5e9;color:#fefefe;font-size: .26rem;margin:0 auto; margin-bottom: .21rem;}

.jiedain{width:90%;height:1.29rem;border:1px #90e2f4 solid; margin:0 auto;border-radius: .05rem;}
.jiedain div{text-align: center;width:40%;padding-top: .1rem;}
.jiedain .fl span{font-size: .4rem;color:#27b9f3;}
.jiedain .fr span{font-size: .4rem;color:#1ec6e8;}

.reward{height:1.8rem;margin-top: .45rem; background: linear-gradient(to right, #07d5d3, #676af3);}
.reward div{width:50%;line-height: 100%; color:#fff;padding: .4rem 0;font-size: .3rem;text-align: center;}
.reward div p{margin-bottom: .31rem;}
.reward div span span{margin-left: .17rem;font-size: .3rem;}
.reward div span{font-size: .48rem;}

.rules{margin-top:.5rem;padding-left: .2rem;color:#333;}
.rules h2{margin-bottom: .25rem; font-size: .3rem;font-weight: normal;}
.rules p{padding-right:.3rem;line-height: .4rem;font-size: .22rem;}
.rules span{display: block; margin-top: .4rem;font-size: .22rem;}

.reward-btn{position: fixed;bottom:0;left:0;width:100%;height:.66rem;}
.reward-btn a{display: block; width:3.17rem;height:.66rem;line-height: .66rem;text-align: center;color:#fff;font-size: .3rem;border-radius: .04rem;}
.reward-btn a:nth-child(1){background: #28b9f3;}
.reward-btn a:nth-child(2){background: #1ec8e8;}